<template>
    <!-- <van-popup  position="bottom" :overlay="true" v-model="showArea">
        <van-area :area-list="areaList" @confirm="confirm" @cancel="cancel"/>
    </van-popup>  -->
    <div>45456465465465</div>   
</template>
<script>
import area from './area.js'
    export default{
        name:'popupArea',
        data(){
            return{
                showArea:false,
                areaList:area
            }
        },
        methods:{
            confirm(val){
                let address='';
                for(let p in val){
                    address+=val[p].name
                }
                this.$emit('getArea',address)
                this.showArea=false
            },
            cancel(){
                this.showArea=false
            }
        }
    }
</script>
